<template>
	<view class="content">
		<view class="top">
			<text>您好,</br>请选择登录方式</text>
		</view>
		<view class="form">
		
		<view class="box">
			<u-button type="primary" shape="circle" text="用户名登录"  @click="to_login"></u-button>
			<u-button type="primary" shape="circle" text="手机号登录" @click="to_tel_login"></u-button>
			
			
			
			<view class="login">
				<text>还没帐号？<text class="to_login" @click="to_reg">快去注册</text> </text>
			</view>
		</view>
			
		</view>
	</view>

</template>

<script>
	import {
		getRregister
	} from "../../api/user.js"
	export default {
		data() {
			return {
				
			}
		},
		onLoad() {
			
		},
		methods: {
			
			to_login(){
				uni.navigateTo({
					url: './login'
				})
			},
			to_tel_login(){
				uni.navigateTo({
					url: './tel_login'
				})
			},
			to_reg() {
				uni.navigateTo({
					url: '../register/index'
				})
			}
			
		},
		}
</script>

<style lang="scss" scoped>
	.box{
		margin-top: 400rpx;
	}
	.content {
		
		width: 750rpx;
		height: 100%;
		background: linear-gradient(to right, rgb(22, 136, 251), rgb(61, 167, 251));
		position: relative;
		box-sizing: border-box;

		.top {
			padding: 50rpx;
			// padding-bottom: 100rpx;
			color: #fff;
			font-size: 18px;
			font-weight: 400;
			line-height: 2;
		}

		.form {
			border-top-left-radius: 80rpx;
			border-top-right-radius: 80rpx;
			width: 750rpx;
			height: calc(100vh - 284rpx);
			background-color: #fff;
			box-sizing: border-box;
			padding: 50rpx;

			

			.login {
				margin-top: 40rpx;
				text-align: center;

				.to_login {
					color: rgb(61, 167, 251);
				}
			}

			

		}
	}

	.u-input--radius[data-v-113bc24f],
	.u-input--square[data-v-113bc24f] {
		margin-top: 18rpx;
		padding: 0 !important;
		border: none;
	}

	.input-placeholder {
		font-size: 14px;
	}

	.u-button--circle[data-v-2bf0e569] {
		margin-top: 50rpx;
	}
	.u-button[data-v-2bf0e569]{
		width: 60%;
	}
</style>
